<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css"></link>
	<script src="JS/jquery-2.1.0.min.js" type="text/javascript"></script>
	<script src="JS/classes.js" type="text/javascript"></script>
	<script src="JS/script.js" type="text/javascript"></script>
</head>
<body>
	<div id="clockDisplay1" class="clockDisplay"></div>
	<br/><br/>
	<div id="alarmContainer" class="containerWidget">
		<table id="">
			<tr id="alarmTextInput_Row">
				<td id="alarmTextInput_Entry" class="tableField">
					<input type="text" id="addAlarmInput"></input>
				</td>
				<td class="tableField"></td>
				<td id="alarmTextInput_Button" class="tableField">
					<input type="button" id="addAlarm" value="Add Alarm" onclick="addAlarm();"></input>
				</td>
			</tr>
			<tr>
				<td><br/><br/></td>
			</tr>
			<tr id="alarmDDInput">
				<td id="alarmDDInput_Hour" class="tableField">
					<select id="hourSelect">
						<option>00</option>
					</select>
				</td>
				<td id="alarmDDInput_Min" class="tableField">
					<select id="minSelect">
						<option>00</option>
					</select>
				</td>
				<td class="tableField" id="alarmDDInput_Submit">
					<input type="button" id="addAlarm_New" value="Add Alarm" onclick="addAlarm_New();"></input>
				</td>
			</tr>
			<tr>
				<td class="tableField"><br/><br/></td>
			</tr>
			<tr id="alarmDisplayContainer">
				<td class="alarmDisplayField">
					<select id="alarmDisplay" multiple>
					</select>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>